.huanhe{
	padding-left:1.5%;
	padding-right:0.5%;
}
.texiao{  
	float:left;
	width: 24%;
	height: 100%;

}
@-webkit-keyframes colors {
	 0% {background-color: #ffff99;}
	15% {background-color: #Fa8072;}
	30% {background-color: #ff7300;}
	45% {background-color: #e6005c;}
	60% {background-color: #ffc0cb;}
	75% {background-color: #ff007f;}
	90% {background-color: #Ff66cc;}
	100% {background-color: #ff69b4;}
}
.texiao_left{
	margin-left: 1%;
}
.titleColumn{
	padding-left:15px;
	padding-top:0.5%;
}
.left_col{
	height: 100% !important;
}
#messagePan{
	color:#73879C;
	font-weight: 700;
	font-size: 14px;
}
.f-sta{
	height: 14%;
	width: 100%;
	margin-top:10px;
}
.title_table{
	text-align:center;
	margin-top:0.7%;
	margin-left:1%;
	width: 98%;
	height: 96%;
}

.s-sta{
	width: 100%;
	height: 79.8%;
	margin-top: 0.5%;
	border:1px solid #fff;
	background-color: #fff;
	border-radius: 4px;
} 
#app_area{
	border:1px solid #6E48AD;
	border-radius: 3px;
	background-color: #6E48AD;
}
#queue_area{
	border:1px solid #00ABF0;
	border-radius: 3px;
	background-color: #00ABF0;
}
#flow_area{
	border:1px solid #57BA8E;
	border-radius: 3px;
	background-color: #57BA8E;
}
#delay_area{
	border:1px solid #7D83FF;
	border-radius: 3px;
	background-color: #7D83FF;
}
.fir-table,.sec-table{
	height: 49%;
	width: 100%;
	padding:0;
	padding-left:0;
	padding-right:0;
	padding-bottom: 0;
}
.fir-table-li,.sec-table-li{
	float:left;
	height: 100%;
	width: 48.50%;
	/*border:1px solid #f2f2f2 !important;*/
	
}
#fir-table-li-sec,#sec-table-li-sec{
	margin-left:3%;
}
#fir-table-li-fir{
	border:1px solid #fff;
	border-radius: 4px;
}
#fir-table-li-sec{
	border:1px solid #fff;
	border-radius: 4px;
}
#sec-table-li-fir{
	border:1px solid #fff;
	border-radius: 3px;
}
#sec-table-li-sec{
	border:1px solid #fff;
	border-radius: 3px;
}
.main-span{
	float:left;
	width: 60px;
	height: 100%;
}
.main-word{
	float:right;
	width: 180px;
	height: 100%;
}
.main-span>span{
	display: inline-block;
	width: 53px;
	height: 41px;
	font-size: 50px;
	margin-top:-2%;
	margin-left:10px;
	color: rgba(255,255,255,0.9);
}
.main-word>h5{
	margin-top:35px;
	color:#fff;
	font-weight: 600;
	font-size: 14px;
}
#p1,#p3,#p5{
	display:inline-block;
	margin-top:7%;
	width: 100%;
}
#p7{
	display:inline-block;
	margin-top:16%;
	width: 107%;
	margin-left:-11px;
}
#p2,#p4,#p6,#p8{
	display:inline-block;
	margin-top:7%;
	width: 100%;
}
.bzi{
	display: inline-block;
	float:right;
	margin-right:2%;
	margin-top:1%;
}
.main-word-add{
	display: inline-block;
	color:#fff;
	font-weight: 600;
	font-size: 14px;
}
.get-num{
	display: inline-block;
	color:#F5AB00;
	font-size: 16px;
	margin-top:-10px;
	
}
.textalign{
	text-align: right;
}
.get-num:hover {
	font-size: 18px;
	color:#ffbe26
}